<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣商城</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../lib/css/fonts/element-icons.ttf">
    <link rel="stylesheet" href="../../lib/css/fonts/element-icons.woff">
</head>

<body>
    <div class="app-wrap" v-cloak id="index">
        <header-top></header-top>
        <header-search-global></header-search-global>
        <div class="index_head container">
            <div class="index_head-left">
                <h1>全部商品分类</h1>
                <div class="index_head-left-con" v-for="item in headLeftList">
                    <h1>{{item.name}}<span class="font-arr">></span></h1>
                    <p>
                        <a :href="a.href" :title="a.name" v-for="a in item.children">{{a.name}}</a>
                    </p>
                </div>
            </div>
            <div class="index_head-right">
                <ul>
                    <li>
                        <a href="http://www.juyihome.com/" class="cur">首页</a>
                    </li>
                    <li v-for="item,index in barList" :href="item.href" v-if="index<8">
                        <a :href="item.href">{{item.title}}</a>
                    </li>
                </ul>
                <div class="index_head-right-banner">
                    <div class="swiper-container swiper-container-banner">
                        <div class="swiper-wrapper">
                            <a class="swiper-slide" v-for="item,index in bannerList" :href="item.href" v-if="item.picture && index<5">
                                <img :data-src='item.picture' class="swiper-lazy">
                                <div class="swiper-lazy-preloader"></div>
                            </a>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <div class="index_head-right-imglist">
                    <a v-for="item,index in headimglist" :href="item.href" v-if="item.picture">
                        <img :src='item.picture' />
                    </a>
                </div>
            </div>
        </div>
        <div class="index_title container mt-46 mb-15">
            <p>{{typeList.name3}}<span>DAILY BRANDS</span></p>
        </div>
        <!-- 热门品牌 -->
        <div class="index_hot container">
            <div class="index_hot-img">
                <a v-for="item,index in remen" :href="item.href" v-if="index==0"><img :src="item.picture"></a>
            </div>
            <div class="index_hot-right">
                <div class="index_hot-right-title">
                    <p v-for="(item,index) in hotpplist" :class="hotpplistnum==index?'cur':''" @click="hotpplistClick(index)" v-if="item.name">{{item.name}}<i class="icon-index_hot_arr"></i></p>
                </div>
                <div class="index_hot-right-img" v-for="(item,index) in hotpplist" v-show="hotpplistnum==index" v-if="index<16">
                    <a v-for="img in item.productBrands" :href="img.pcShopUrl"><img :src="img.smallPicture"></a>
                </div>
            </div>
        </div>
        <div class="index_title container mt-46 mb-15">
            <p>特价秒杀<span>FLASH SALE</span></p>
            <a href="http://www.juyihome.com/html/miaosha/index.html">更多<span class="font-arr">></span></a>
        </div>
        <!-- 特价秒杀 -->
        <div class="index_miao container">
            <a class="index_miao-col" v-for="item,index in miaolist" :href="item.pcHref" v-if="index<5">
                <div class="index_miao-col-day">
                    {{activityState}}<br>
                    <span v-if="miaoTime.length>0">
                    <span v-if="miaoTime[index].day>0">{{miaoTime[index].day}}天</span>
                    <span v-if="miaoTime[index].hour>0 && miaoTime[index].day<0">{{miaoTime[index].hour}}时</span>
                    <span v-if="miaoTime[index].minute>0 && miaoTime[index].hour<0">{{miaoTime[index].minute}}分</span>
                    <span v-if="miaoTime[index].second>0 && miaoTime[index].minute<0">{{miaoTime[index].second}}秒</span>
                    </span>
                </div>
                <div class="index_miao-col-banner"><img :src="item.activityPicturePc"></div>
                <div class="index_miao-col-icon"><img :src="item.brandLogo"></div>
                <p>{{item.activityName}}</p>
            </a>
        </div>
        <div class="index_title container mt-46 mb-15">
            <p>{{typeList.name4}}<span>QUALITY FASHION</span></p>
            <a href="#">更多<span class="font-arr">></span></a>
        </div>
        <!-- 首页服饰展示栏 -->
        <div class="index_show container">
            <div class="index_show-left">
                <div class="index_show-left-text">
                    <a v-for="item in categoryListRand.categoryList" :href="categoryListRand.productUrl + '?sortId=' + item.categoryId + '&searchResult=1'">{{item.name}}</a>
                </div>
                <div class="index_show-left-icon">
                    <div class="swiper-container swiper-container-icon">
                        <div class="swiper-wrapper">
                            <a class="swiper-slide" target="_blank" v-for="item in brandListRand.brandList" :href="item.href">
                                <img :src="brandListRand.imgUrl + item.smallPicture">
                            </a>
                        </div>
                        <!-- 左右箭头 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
            </div>
            <div class="index_show-right">
                <a class="index_show-right-col index_show-right-col_2" v-for="(item,index) in pinzhiD" :href="item.href" v-if="index==0">
                    <div class="index_show-right-col-img"><img :src="item.picture"></div>
                    <div class="index_show-right-col-text">
                        <h1>{{item.title}}</h1>
                        <p>{{item.subtitle}}</p>
                    </div>
                </a>
                <a class="index_show-right-col index_show-right-col_0_5" v-for="item,index in pinzhiX" :href="item.href" v-if="index<4">
                    <div class="index_show-right-col-img"><img :src="item.picture"></div>
                    <div class="index_show-right-col-text">
                        <h1>{{item.title}}</h1>
                        <p>{{item.subtitle}}</p>
                    </div>
                </a>
                <a class="index_show-right-col index_show-right-col_1" v-for="item,index in pinzhiZ" :href="item.href" v-if="index==0">
                    <div class="index_show-right-col-img"><img :src="item.picture"></div>
                    <div class="index_show-right-col-text">
                        <h1>{{item.title}}</h1>
                        <p>{{item.subtitle}}</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="index_title container mt-46 mb-15">
            <p>{{typeList.name7}}<span>GOOD LIVING</span></p>
            <a href="#">更多<span class="font-arr">></span></a>
        </div>
        <!-- 首页服饰展示栏 -->
        <div class="index_show container">
            <div class="index_show-left">
                <div class="index_show-left-text">
                    <a v-for="item in categoryListRandom.categoryList" :href="categoryListRand.productUrl + '?sortId=' + item.categoryId + '&searchResult=1'">{{item.name}}</a>
                </div>
                <div class="index_show-left-icon">
                    <div class="swiper-container swiper-container-icon">
                        <div class="swiper-wrapper">
                            <a class="swiper-slide" target="_blank" v-for="item in brandListRandom.brandList" :href="item.href">
                                <img :src="brandListRandom.imgUrl + item.smallPicture">
                            </a>
                        </div>
                        <!-- 左右箭头 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
            </div>
            <div class="index_show-right">
                <a class="index_show-right-col index_show-right-col_1" v-for="item,index in youzhi" :href="item.href" v-if="index<5">
                    <div class="index_show-right-col-img"><img :src='item.picture'></div>
                    <div class="index_show-right-col-text">
                        <h1>{{item.title}}</h1>
                        <p>{{item.subtitle}}</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="index_title container mt-46 mb-15">
            <p>团购<span>GROUP BUYING</span></p>
            <a href="http://www.juyihome.com/html/tuan/tuan.html">更多<span class="font-arr">></span></a>
        </div>
        <!-- 团购 -->
        <div class="index_tuan container mb-60">
            <a class="index_tuan-col" v-for="item,index in tuanlist" :href="item.pcHref" v-if="index<5">
                <div class="index_tuan-col-img">
                    <img :src="item.activityPicturePc">
                    <p>{{item.activityName}}</p>
                </div>
                <div class="index_tuan-col-text">
                    <div class="index_tuan_left_text">{{item.businessName}}</div>
                    <div class="index_tuan_right_text">
                        <span><i class="icon-tuan_biao"></i>{{activityStateTuan}}</span>
                        <span v-if="tuanTime.length>0">
                        <span v-if="tuanTime[index].day>0">{{tuanTime[index].day}}天</span>
                        <span v-if="tuanTime[index].hour>0 && tuanTime[index].day<0">{{tuanTime[index].hour}}时</span>
                        <span v-if="tuanTime[index].minute>0 && tuanTime[index].hour<0">{{tuanTime[index].minute}}分</span>
                        <span v-if="tuanTime[index].second>0 && tuanTime[index].minute<0">{{tuanTime[index].second}}秒</span>
                        </span>
                    </div>
                </div>
            </a>
        </div>
        <!-- 页脚 -->
        <com-footer></com-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script>
        index();
    </script>
</body>

</html>